<style>
	.text{
		text-align: right;
	}
	.zs-letter-table .item{
		float: left;
		height: 55px;
		line-height: 55px;
	}
	.zs-letter-table .link {
		font-size: 0;
	}
	.zs-letter-table .link a{
		display: inline-block;
		padding: 0 20px;
		font-size: 12px;
		font-weight: normal;
		color: #555;
	}
	.zs-letter-table .link a.selected{
		height: 54px;
		line-height: 54px;
		color: #069de8;
		border-bottom: 2px #069de8 solid;
	}
</style>

<div class="zs-side">
	<div class="zs-menu ckxl">
		<div class="item selected">
			<div class="header">科研项目申请</div>
			<ul class="list">
				<li>
					<a href="javascript:;" ng-class="{'selected':tabs['gzprojectinfo'].tabClass['tab1']}" ng-click="gotoById('tab1') && setBpmTab('gzprojectinfo','tab1')">起草</a>
				</li>
				<li>
					<a href="javascript:;" ng-class="{'selected':tabs['gzprojectinfo'].tabClass['tab2']}" ng-click="gotoById('tab2') && setBpmTab('gzprojectinfo','tab2')">科室科长审核</a>
				</li>
				<li>
					<a href="javascript:;" ng-class="{'selected':tabs['gzprojectinfo'].tabClass['tab3']}" ng-click="gotoById('tab3') && setBpmTab('gzprojectinfo','tab3')">办公室主任审核</a>
				</li>
			</ul>
		</div>
		
		<div class="item">
			<div class="header">附件</div>
			<ul class="list">
				<li>
					<a href="javascript:;" ng-class="{'selected':tabs['gzprojectinfo'].tabClass['tab11']}" ng-click="gotoById('tab11') && setTab('gzprojectinfo','tab11')">附件</a>
				</li>
			</ul>
		</div>
	</div>
</div>
<div class="zs-main">
	<!--   报件录入-s -->
	<div class="zs-content">
		<h4 class="content-tilte" id="tab1">项目基本信息</h4>
		<div class="container">
			<div id="content-djs">
				<div class="zs-letter-table">
					<table width="100%">
						<tbody>
							<tr>
								<td class="text" width="20%">
									<font color="red">*</font>编号
								</td>
								<td class="left" width="30%" colspan="3">
									<input type="text" ng-model="gzprojectinfo.editRow.sxmbh" class="zs-input" style="width: 100%;" ng-show="gzprojectinfo.proauth.qc"
									 required />
									<label ng-show="!gzprojectinfo.proauth.qc" ng-bind="gzprojectinfo.editRow.sxmbh"></label>

									<span ng-show="false"><input hide-novalidate="gzprojectinfo.proauth.qc" alias="编号" required ng-model="gzprojectinfo.editRow.sxmbh"
										 name="form_bh" /></span>
								</td>
							</tr>
							<tr>
								<td class="text" width="20%">
									<font color="red">*</font>项目名称
								</td>
								<td class="left" width="30%" colspan="3">
									<input type="text" ng-model="gzprojectinfo.editRow.sxmmc" class="zs-input" style="width: 100%;" ng-show="gzprojectinfo.proauth.qc" />

									<label ng-show="!gzprojectinfo.proauth.qc" ng-bind="gzprojectinfo.editRow.sxmmc"></label>

									<span ng-show="false"><input hide-novalidate="gzprojectinfo.proauth.qc" alias="项目名称" required ng-model="gzprojectinfo.editRow.sxmmc"
										 name="form_sxmmc" /></span>
								</td>
							</tr>

							<tr>

								<td class="text" width="20%">
									<font color="red">*</font>项目内容
								</td>
								<td class="left" width="30%" colspan="3">
									<textarea type="text" style="height:200px;width:100%" ng-model="gzprojectinfo.editRow.sxmnr" class="zs-input"
									 ng-show="gzprojectinfo.proauth.qc"></textarea>

									<textarea type="text" style="height:200px;width:100%" ng-model="gzprojectinfo.editRow.sxmnr" readonly="true"
									 class="zs-input" ng-show="!gzprojectinfo.proauth.qc"></textarea>

									<span ng-show="false"><input hide-novalidate="gzprojectinfo.proauth.qc" alias="项目内容" required ng-model="gzprojectinfo.editRow.sxmnr"
										 name="form_sxmnr" /></span>
								</td>
							</tr>
							
							<tr>
								<td class="text" width="20%">
									<font color="red">*</font>申请部门
								</td>
								<td class="left" width="30%">
									<a ng-show="gzprojectinfo.proauth.qc">
										<ag-Combotree class="zs-input" style="width:180px;height: 28px" fn='depEdit' para="{ uDictionary:true,
													dictionary:'p_department',
													pidField:'pid',
													nfn:'schedulefzr',
													leafField:'leaf'}"
										 ng-model="gzprojectinfo.editRow.sqbm" text-Value="gzprojectinfo.editRow.sqbmName" /></a>
									<label ng-bind="gzprojectinfo.editRow.sqbmName" ng-show="!gzprojectinfo.proauth.qc"></label>
									
									<span ng-show="false"><input hide-novalidate="gzprojectinfo.proauth.qc" alias="申请部门" required ng-model="gzprojectinfo.editRow.sqbm"
										 name="form_sjqdhzxy" /></span>
								</td>
								<td class="text" width="20%">
									<font color="red">*</font>申请人
								</td>
								<td class="left" width="30%">
									<a ng-show="gzprojectinfo.proauth.qc">
										<ag-Combotree class="zs-input" style="width:180px;height: 28px" fn='schedulefzr' para="{ uDictionary:false,
												pidField:'userid',
												checkbox:false,
												valueField:'userid',
												textField:'userName',
												onlyLeafCheck:true,
												bindFn:'gzprojectinfo',
												pfn:'depEdit',
												foreignField:'departmentId',
												editable:true,
												keyField:'userid',
												queryFields:'userid,userName,departmentId',
												pageSize:1200,
												maxNavs:6,
												queryObject:{},
												ssn:'vuserinfo'}"
										 ng-model="gzprojectinfo.editRow.sqrid" ng-change="onchangekyxmFzr(1);" text-Value="gzprojectinfo.editRow.sqr"></ag-Combotree></a>
									<label ng-bind="gzprojectinfo.editRow.sqr" ng-show="!gzprojectinfo.proauth.qc"></label>
									
									<span ng-show="false"><input hide-novalidate="gzprojectinfo.proauth.qc" alias="负责人" required ng-model="gzprojectinfo.editRow.sqrid"
										 name="form_sjqdhzxy" /></span>
								</td>
							</tr>

							<tr>
								
								<td class="text" width="20%">项目来源</td>
								<td class="left" width="30%">
									<input type="text" ng-model="gzprojectinfo.editRow.xmly" class="zs-input" ng-show="gzprojectinfo.proauth.qc" />
									<label ng-show="!gzprojectinfo.proauth.qc" ng-bind="gzprojectinfo.editRow.xmly"></label>
								</td>

								<!-- <td class="text" width="20%">项目规模</td>
								<td class="left" width="30%">
									<input type="text" ng-model="gzprojectinfo.editRow.sxmgm" class="zs-input" ng-show="gzprojectinfo.proauth.qc" />
									<label ng-show="!gzprojectinfo.proauth.qc" ng-bind="gzprojectinfo.editRow.sxmgm"></label>
								</td> -->

								<td class="text" width="20%">
									项目负责人
								</td>
								<td class="left" width="30%">
									<!--<input type="text" ng-model="gzprojectinfo.editRow.sxmjl" class="zs-input" />-->
									<span ng-show="gzprojectinfo.proauth.qc">
										<ag-Combotree class="zs-input" style="width:180px;height: 28px" fn='fzr' para="{ uDictionary:false,
												pidField:'userid',
												checkbox:false,
												valueField:'userid',
												textField:'userName',
												onlyLeafCheck:true,
												bindFn:'schedule',
												editable:true,
												keyField:'userid',
												queryFields:'userid,userName,departmentId',
												pageSize:1200,
												maxNavs:6,
												queryObject:{},
												ssn:'vuserinfo'}"
										 ng-model="gzprojectinfo.editRow.sxmjl" ng-change="onChangeProjectFzr();" text-Value="gzprojectinfo.editRow.sxmjlname"></ag-Combotree>
									</span>
									<label ng-show="!gzprojectinfo.proauth.qc" ng-bind="gzprojectinfo.editRow.sxmjlname"></label>

									<!-- <span ng-show="false"><input hide-novalidate="gzprojectinfo.proauth.qc" alias="项目负责人" required ng-model="gzprojectinfo.editRow.sxmjl"
										 name="form_sxmjl" /></span> -->
								</td>
							</tr>
							
							<tr>
								<td class="text" width="20%">
									申请时间
								</td>
								<td class="left" width="30%">
									<span ng-show="gzprojectinfo.proauth.qc">
										<ag-Datebox id='fi_sqsj' showcurday='gzprojectinfo.editRow.FIELD_ISNEW' class="zs-input" style="width:180px;height: 28px"
										 ng-model="gzprojectinfo.editRow.sqsj" ng-show="gzprojectinfo.proauth.qc">
									</span>
									</ag-Datebox>
									<label ng-bind="gzprojectinfo.editRow.sqsj | asDate | date:'yyyy-MM-dd'" ng-show="!gzprojectinfo.proauth.qc"></label>
								</td>
							
								<td class="text" width="20%">
									结项时间
								</td>
								<td class="left" width="30%">
									<span ng-show="gzprojectinfo.proauth.qc">
										<ag-Datebox id='fi_jxsj' showcurday='gzprojectinfo.editRow.FIELD_ISNEW' class="zs-input" style="width:180px;height: 28px"
										 ng-model="gzprojectinfo.editRow.jxsj" ng-show="gzprojectinfo.proauth.qc">
									</span>
									</ag-Datebox>
									<label ng-bind="gzprojectinfo.editRow.jxsj | asDate | date:'yyyy-MM-dd'" ng-show="!gzprojectinfo.proauth.qc"></label>
								</td>
							</tr>
							
							<tr>
								<td class="text" width="20%">
									<font color="red">*</font>联系电话
								</td>
								<td class="left" width="30%">
									<input type="text" ng-model="gzprojectinfo.editRow.slxdh" class="zs-input" ng-show="gzprojectinfo.proauth.qc" />
									<label ng-show="!gzprojectinfo.proauth.qc" ng-bind="gzprojectinfo.editRow.slxdh"></label>

									<span ng-show="false"><input hide-novalidate="gzprojectinfo.proauth.qc" alias="联系电话" required ng-model="gzprojectinfo.editRow.slxdh"
										 name="form_slxdh" /></span>
								</td>

								<td class="text" width="20%">办公电话</td>
								<td class="left" width="30%">
									<input type="text" ng-model="gzprojectinfo.editRow.sbgdh" class="zs-input" ng-show="gzprojectinfo.proauth.qc" />
									<label ng-show="!gzprojectinfo.proauth.qc" ng-bind="gzprojectinfo.editRow.sbgdh"></label>
								</td>
							</tr>
							<tr>
								<td class="text" width="20%">邮箱</td>
								<td class="left" width="30%">
									<input type="text" ng-model="gzprojectinfo.editRow.sdzyx" class="zs-input" ng-show="gzprojectinfo.proauth.qc" />
									<label ng-show="!gzprojectinfo.proauth.qc" ng-bind="gzprojectinfo.editRow.sdzyx"></label>
								</td>

								<td class="text" width="20%">项目状态</td>
								<td class="left" width="30%">
									<!--<input type="text" ng-model="gzprojectinfo.editRow.sdzyx" class="zs-input" ng-show="gzprojectinfo.proauth.qc"/>-->
									<label ng-bind="gzprojectinfo.editRow.sxmztname"></label>
								</td>
							</tr>
							<tr>
								<td class="text" width="20%">立项情况</td>
								<td class="left" width="30%" colspan="3">
									<textarea type="text" style="height:200px;width:100%" ng-model="gzprojectinfo.editRow.lxqk" class="zs-input"
									 ng-show="gzprojectinfo.proauth.qc"></textarea>
									<textarea type="text" style="height:200px;width:100%" ng-model="gzprojectinfo.editRow.lxqk" readonly="true"
									 class="zs-input" ng-show="!gzprojectinfo.proauth.qc"></textarea>
								</td>
							</tr>
							<tr>
								<td class="text" width="20%">备注</td>
								<td class="left" width="30%" colspan="3">
									<textarea type="text" style="height:200px;width:100%" ng-model="gzprojectinfo.editRow.sbz" class="zs-input"
									 ng-show="gzprojectinfo.proauth.qc"></textarea>
									<textarea type="text" style="height:200px;width:100%" ng-model="gzprojectinfo.editRow.sbz" readonly="true"
									 class="zs-input" ng-show="!gzprojectinfo.proauth.qc"></textarea>
								</td>
							</tr>
						</tbody>
						<table width="100%">
							<tr>
								<td colspan="5" class="left">
									项目参与人
									<input type="button" class="zs-btn" ng-click="addChildRow(gzprojectinfo.editRow,'gzplanpersonnel')" value="添加"
									 ng-show="gzprojectinfo.proauth.qc" />
									<input type="button" class="zs-btn" ng-click="delLocalRows(gzprojectinfo.editRow.gzplanpersonnel)" ng-show="gzprojectinfo.proauth.qc"
									 value="删除">
								</td>
							</tr>
							<tr>
								<td style="text-align: center" class="text" width="5%" ng-show="gzprojectinfo.proauth.qc">
									<input id="allCheckbox" type="checkbox" ng-click="selectRows(gzprojectinfo.editRow.gzplanpersonnel,'allCheckbox');" /></td>
								<td width="20%" class="text" style="text-align: center">人员名称</td>
								<td width="20%" class="text" style="text-align: center">人员性别</td>
								<td width="20%" class="text" style="text-align: center">人员身份证</td>
								<td width="20%" class="text" style="text-align: center">联系方式</td>
							</tr>
							<tr ng-repeat="r in gzprojectinfo.editRow.gzplanpersonnel">
								<td class="center" ng-show="gzprojectinfo.proauth.qc">
									<input type="checkbox" ng-show="gzprojectinfo.proauth.qc" ng-click="selectRow('gzprojectinfo.editRow.gzplanpersonnel',r);"
									 ng-model="r.selected" /></td>
								<td><span>
										<input type="text" style="width: 95%" ng-show="gzprojectinfo.proauth.qc" class="zs-input" ng-model="r.yrmc"
										 required />
									</span>
									<label ng-show="!gzprojectinfo.proauth.qc" ng-bind="r.yrmc"></label>
								</td>
								<td><span ng-show="gzprojectinfo.proauth.qc">
										 <ag-Combobox style="width:226px;height:28px;"
										     para="{uDictionary:true,
										     		editable:true,
										     		dictionary:'p_sex'}"
										     ng-model="r.ssex"
										     text-Value="r.ssexName" required/></span>
									<label ng-show="!gzprojectinfo.proauth.qc" ng-bind="r.ssexName"></label>
								</td>
								<td><span>
										<input type="text" style="width: 95%" ng-show="gzprojectinfo.proauth.qc" class="zs-input" ng-model="r.ssfz"
										 required /></span>
									<label ng-show="!gzprojectinfo.proauth.qc" ng-bind="r.ssfz"></label>
								</td>
								<td><span>
										<input type="text" style="width: 95%" ng-show="gzprojectinfo.proauth.qc" class="zs-input" ng-model="r.slxfs" /></span>
									<label ng-show="!gzprojectinfo.proauth.qc" ng-bind="r.slxfs"></label>
								</td>
							</tr>
						</table>
				</div>
			</div>
		</div>

		<h4 class="content-tilte" id="tab2">科室科长审核</h4>
		<div class="container">
			<div id="content-djs">
				<div class="zs-letter-table">
					<table width="100%">
						<tbody>
							<tr>
								<td class="key" width="25%" colspan="2">
									<span class="mark">科长审核</span>
								</td>
								<td width="75%" colspan="3">
									<!-- 历史-s -->
									<span ng-repeat="h in gzprojectinfo.process.usertask2.history">
										<br ng-if="$index>0" />
										<label ng-bind="h.optcontent"></label><br />
										签批人:<label ng-bind="h.optassigneesname"></label>
										&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;时间:
										<label ng-bind="h.opttime | asDate | date:'yyyy-MM-dd HH时'"></label>
									</span>
									<!-- 历史-e -->
									<br ng-if="gzprojectinfo.process.usertask2.userEdit" ng-show="gzprojectinfo.proauth.kssh" />
									<textarea rows="2" cols="8" type="text" style="width:100%;height: 200px;" ng-if="gzprojectinfo.process.usertask2.userEdit"
									 ng-show="gzprojectinfo.proauth.kssh" ng-model="gzprojectinfo.process.usertask2.editRow.optcontent"></textarea>

								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>

		<h4 class="content-tilte" id="tab3">办公室主任审核</h4>
		<div class="container">
			<div id="content-djs">
				<div class="zs-letter-table">
					<table width="100%">
						<tbody>
							<tr>
								<td class="key" width="25%" colspan="2">
									<span class="mark">办公室主任审核</span>
								</td>
								<td width="75%" colspan="3">
									<!-- 历史-s -->
									<span ng-repeat="h in gzprojectinfo.process.usertask3.history">
										<br ng-if="$index>0" />
										<label ng-bind="h.optcontent"></label><br />
										签批人:<label ng-bind="h.optassigneesname"></label>
										&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;时间:
										<label ng-bind="h.opttime | asDate | date:'yyyy-MM-dd HH时'"></label>
									</span>

									<br ng-if="gzprojectinfo.process.usertask3.userEdit" ng-show="gzprojectinfo.proauth.bgssh" />
									<!-- 历史-e -->
									<textarea rows="2" cols="8" type="text" class="zs-input" style="width:100%;height: 200px;" ng-if="gzprojectinfo.process.usertask3.userEdit"
									 ng-show="gzprojectinfo.proauth.bgssh" ng-model="gzprojectinfo.process.usertask3.editRow.optcontent"></textarea>

								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		
		<h4 class="content-tilte" id="tab11">附件</h4>
		<div class="container">
			<div id="content-djs">
				<div class="zs-letter-table">
					<table width="100%">
						<tbody>
							<tr>
								<td style="width: 8%;">
									序号
								</td>
								<td style="width: 25%;">
									名称
								</td>
								<td <td style="width: 77%;">
									操作
								</td>
							</tr>
							<tr>
		
								<td>1</td>
								<td>附件</td>
								<td>
									<ag-Upload ng-model="gzprojectinfo.editRow.fj" para="{}"></ag-Upload>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
	<!--   报件录入-e -->
</div>